<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<html>
<head>
	<title>机构管理</title>
	<meta name="decorator" content="default"/>
	<style type="text/css">
		.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
	</style>
	<meta name="decorator" content="default"/>
	<link href="${sPath}/jquery-ztree/3.5.12/css/zTreeStyle/metro.css" rel="stylesheet" type="text/css"/>
	<script src="${sPath}/jquery-ztree/3.5.12/js/jquery.ztree.all-3.5.min.js" type="text/javascript"></script>
	<style type="text/css">
		.ztree {overflow:auto;margin:0;_margin-top:10px;padding:10px 0 0 10px;}
	</style>
	<script type="text/javascript">
		function refresh(){//刷新

			window.location="${ctx}/sys/office/";
		}
	</script>

</head>
<body id="" class="gray-bg"  style="">


<div class="wrapper wrapper-content">
	<div class="ibox">
		<div class="ibox-content">


<!-- 0:隐藏tip, 1隐藏box,不设置显示全部 -->


			<script type="text/javascript">top.$.jBox.closeTip();</script>

			<div id="content" class="row">
				<div id="left" style="background-color:#e7eaec" class="col-sm-1">
					<a onclick="refresh()" class="pull-right">
						<i class="fa fa-refresh"></i>
					</a>
					<div id="ztree" class="ztree"></div>
				</div>
				<div id="right"  class="col-sm-11  animated fadeInRight">
					<iframe id="officeContent" name="officeContent" src="${ctx}/sys/office/list?id=&parentIds=" width="100%" height="91%" frameborder="0"></iframe>
				</div>
			</div>
		</div>
	</div>
</div>
<script type="text/javascript">
	var setting = {data:{simpleData:{enable:true,idKey:"id",pIdKey:"pId",rootPId:'0'}},
		callback:{onClick:function(event, treeId, treeNode){
			var id = treeNode.pId == '0' ? '' :treeNode.pId;
			$('#officeContent').attr("src","${ctx}/sys/office/list?id="+id+"&parentIds="+treeNode.pIds);
		}
		}
	};

	function refreshTree(){
		$.getJSON("${ctx}/sys/office/treeData",function(data){
			$.fn.zTree.init($("#ztree"), setting, data).expandAll(true);
		});
	}
	refreshTree();

	var leftWidth = 180; // 左侧窗口大小
	var htmlObj = $("html"), mainObj = $("#main");
	var frameObj = $("#left, #openClose, #right, #right iframe");
	function wSize(){
		var strs = getWindowSize().toString().split(",");
		htmlObj.css({"overflow-x":"hidden", "overflow-y":"hidden"});
		mainObj.css("width","auto");
		frameObj.height(strs[0]-80);
		var leftWidth = ($("#left").width() < 0 ? 0 : $("#left").width());
		$("#right").width($("#content").width()- leftWidth - $("#openClose").width() -60);
		$(".ztree").width(leftWidth - 10).height(frameObj.height() - 46);
	}
</script>
<script src="${sPath}/common/wsize.min.js" type="text/javascript"></script>

<script type="text/javascript">//<!-- 无框架时，左上角显示菜单图标按钮。
if(!(self.frameElement && self.frameElement.tagName=="IFRAME")){
	$("body").prepend("<i id=\"btnMenu\" class=\"icon-th-list\" style=\"cursor:pointer;float:right;margin:10px;\"></i><div id=\"menuContent\"></div>");
	$("#btnMenu").click(function(){

		top.layer.open({
			type: 2,
			area:['300px','350px'],
			content: 'get:${ctx}/sys/menu/treeselect' //这里content是一个URL，如果你不想让iframe出现滚动条，你还可以content: ['http://sentsin.com', 'no']
		});
		//top.$.jBox('get:${ctx}/sys/menu/treeselect;JSESSIONID=735c8a2bd2d74ca6a8945926c480101e', {title:'选择菜单', buttons:{'关闭':true}, width:300, height: 350, top:10});
		//if ($("#menuContent").html()==""){$.get("${ctx}/sys/menu/treeselect", function(data){$("#menuContent").html(data);});}else{$("#menuContent").toggle(100);}
	});
}//-->
</script>
</body>
</html>